<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/css/layui.css" rel="stylesheet">
<link href="/css/layui.mobile.css" rel="stylesheet">
<style>
	.layui-table-edit{
		border: 5px solid;
	}
</style>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<div class="form-group">
								<label class="col-sm-2 control-label">报销单号：</label>
								<div class="col-sm-4">
									<input id="reimNumber" name="reimNumber" th:value="${reimNumber}" class="form-control" type="text" readonly>
								</div>
								<label class="col-sm-2 control-label">报销金额：</label>
								<div class="col-sm-4">
									<input id="reimAmount" name="reimAmount" class="form-control" type="number" readonly>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">报销日期：<font color="red">*</font></label>
								<div class="col-sm-4">
									<!--<input id="reimDate" name="reimDate" class="form-control" type="text">-->
									<input type="text" class="laydate-icon layer-date form-control" id="reimDate" name="reimDate" placeholder="请选择报销日期"
										   onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" style="background-color: #fff;" readonly="readonly"/>
								</div>
								<label class="col-sm-2 control-label">报销金额(大写)：</label>
								<div class="col-sm-4">
									<input id="reimAmountCap" name="reimAmountCap" class="form-control" type="text" readonly="readonly">
								</div>
							</div>
<!--							<div class="form-group">-->
<!--								<label class="col-sm-2 control-label">报销人：</label>-->
<!--								<div class="col-sm-4">-->
<!--									<select data-placeholder="选择报销人"  id="reimUserid"  name="reimUserid" class="form-control chosen-select-reimUserid" tabindex="2" required>-->
<!--										<option value="">选择报销人</option>-->
<!--									</select>-->
<!--								</div>-->
<!--								<label class="col-sm-2 control-label">部门：</label>-->
<!--								<div class="col-sm-4">-->
<!--									<select data-placeholder="选择部门" id="deptId" name="deptId" class="form-control chosen-select-dept" tabindex="2" required>-->
<!--										<option value="">选择部门</option>-->
<!--									</select>-->
<!--								</div>-->
<!--							</div>-->
<!--							<div class="form-group">-->
<!--								<label class="col-sm-2 control-label">部门领导：</label>-->
<!--								<div class="col-sm-4">-->
<!--									<select data-placeholder="部门领导"  id="depetLeaderid"  name="depetLeaderid"-->
<!--											class="form-control chosen-select chosen-select-depetLeaderid" tabindex="2" required>-->
<!--										<option value="">选择部门领导</option>-->
<!--										<option th:each="userDO : ${userDOList}" th:value="${userDO.userId}" th:text="${userDO.name}"></option>-->
<!--									</select>-->
<!--								</div>-->
<!--								<label class="col-sm-2 control-label"></label>-->
<!--								<div class="col-sm-4"></div>-->
<!--							</div>-->
							<div class="form-group">
								<label class="col-sm-2 control-label">摘要：<font color="red">*</font></label>
								<div class="col-sm-10">
									<textarea id="remark" name="remark" class="form-control"></textarea>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-9 col-sm-offset-3">
									<button class="btn btn-primary" lay-submit lay-filter="formDemo">保存</button>
									<button class="btn btn-primary" lay-submit lay-filter="formDemo">提交</button>
								</div>
							</div>
						</form>


						<div class="layui-tab">
							<ul class="layui-tab-title">
								<li class="layui-this">报销明细</li>
							</ul>
							<div class="layui-tab-content">
								<div class="layui-tab-item layui-show">
									<table class="layui-hide" id="demo" lay-filter="test"></table>
								</div>
							</div>
						</div>


					</div>
				</div>
			</div>
	</div>
	</div>
	<div th:include="include::footer"></div>
	<script script type="text/html" id="projectId">
		<div class="layui-form">
		<select name="projectId" lay-filter="projectId" lay-search="" class="form-control chosen-select-projectId">
		</select>
		</div>
	</script>
	<script script type="text/html" id="amountTypeid">
		<div class="layui-form">
			<select name="amountTypeid" lay-filter="amountTypeid" lay-search="" class="form-control chosen-select-amountTypeid">
				</div>
				</select>
	</script>
	<script script type="text/html" id="invoiceType">
		<div class="layui-form">
				<select name="invoiceType" lay-filter="invoiceType" lay-search="" class="form-control chosen-select-invoiceType"></select>
				</div>
	</script>
	<script type="text/javascript" src="/js/layui.all.js"></script>
	<script type="text/javascript" src="/js/appjs/fin/reim/add.js"></script>
	<script type="text/javascript" src="/js/plugins/cropper/cropper.min.js"></script>
	<script type="text/javascript" src="/js/plugins/layer/laydate/laydate.js" ></script>
	<script type="text/javascript" src="/js/plugins/distpicker/distpicker.data.min.js"></script>
	<script type="text/javascript" src="/js/plugins/distpicker/distpicker.min.js"></script>
	<style>
		.layui-table-cell {
			overflow: visible !important;
		}

		td .layui-form-select {
			margin-top: -10px;
			margin-left: -15px;
			margin-right: -15px;
		}

		.layui-table-body {
			height: 1000px;
		}

		dl.layui-anim.layui-anim-upbit {
			bottom: auto;
		}
	</style>
</body>
</html>
